<i-form :model="this.data" class='app-form' ref='form'  id='hr_department_ef_masterquick' style="" @on-validate="formItemValidate.apply(_self, arguments)">
    <input style="display:none;" />
    <row >
            <i-col class="form-layout-container" v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.group1" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_department.ef_masterquick_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.group1" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.name.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='name' :itemRules="this.rules().name" class='' :caption="$t('entities.hr_department.ef_masterquick_form.details.name')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.name.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.name"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.name.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.company_id_text.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='company_id_text' :itemRules="this.rules().company_id_text" class='' :caption="$t('entities.hr_department.ef_masterquick_form.details.company_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.company_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
  <app-picker 
    :formState="formState"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.company_id_text.disabled"
    name='company_id_text'
    deMajorField='name'
    deKeyField='res_company'
    :service="service"
    :acParams="{ serviceName: 'Res_companyService', interfaceName: 'FetchDefault'}"
    valueitem='company_id' 
    :value="data.company_id_text"
    :pickupView="{ viewname: 'res-company-pickup-view', title: $t('entities.res_company.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'res_companies', parameterName: 'res_company' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
    style=""  
    @formitemvaluechange="onFormItemValueChange($event)">
  </app-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.manager_id_text.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='manager_id_text' :itemRules="this.rules().manager_id_text" class='' :caption="$t('entities.hr_department.ef_masterquick_form.details.manager_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.manager_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
  <app-picker 
    :formState="formState"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.manager_id_text.disabled"
    name='manager_id_text'
    deMajorField='name'
    deKeyField='hr_employee'
    :service="service"
    :acParams="{ serviceName: 'Hr_employeeService', interfaceName: 'FetchDefault'}"
    valueitem='manager_id' 
    :value="data.manager_id_text"
    :pickupView="{ viewname: 'hr-employee-pickup-view', title: $t('entities.hr_employee.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'hr_employees', parameterName: 'hr_employee' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
    style=""  
    @formitemvaluechange="onFormItemValueChange($event)">
  </app-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.parent_id_text.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='parent_id_text' :itemRules="this.rules().parent_id_text" class='' :caption="$t('entities.hr_department.ef_masterquick_form.details.parent_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.parent_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
  <app-picker 
    :formState="formState"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ N_COMPANY_ID_EQ:"%company_id%" }' 
    :localParam ='{ n_company_id_eq:"%company_id%" }' 
    :disabled="detailsModel.parent_id_text.disabled"
    name='parent_id_text'
    deMajorField='name'
    deKeyField='hr_department'
    :service="service"
    :acParams="{ serviceName: 'Hr_departmentService', interfaceName: 'FetchDefault'}"
    valueitem='parent_id' 
    :value="data.parent_id_text"
    :pickupView="{ viewname: 'hr-department-pickup-view', title: $t('entities.hr_department.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'hr_departments', parameterName: 'hr_department' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
    style=""  
    @formitemvaluechange="onFormItemValueChange($event)">
  </app-picker>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>
